<% layout("/inc/layout.html"){ %> 

<%
  var siteinfo = cmsfn.siteConfig();
%>

<div class="get">
  <div class="am-g">
    <div class="am-u-lg-12">
      <h1 class="get-title">${siteinfo.siteName}</h1>
      <p>${siteinfo.description}</p>
      <p><a href="http://git.oschina.net/liuzp315/Jbase" class="am-btn am-btn-success am-btn-xl" target="_blank">Git@OSC</a></p>
      <p>当前版本号：V 0.0.1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="am-icon-qq"></i> QQ交流群：492587379</p>
    </div>
  </div>
</div>

<div class="detail">
  <div class="am-g am-container">
    <%
      var slidecat_1 = cmsfn.slideCat(1);
      var slideList_1 = slidecat_1.slideList;
    %>
    <div class="am-u-lg-12">
      <h2 class="detail-h2">${slidecat_1.remarks}</h2>

      <div class="am-g">
        <% for(var slide in slideList_1){ %>
        <div class="am-u-lg-3 am-u-md-6 am-u-sm-12 detail-mb">
          <h3 class="detail-h3"><i class="${slide.des} am-icon-sm"></i>&nbsp;${slide.name}</h3>
          <p class="detail-p">${slide.content}</p>
        </div>
        <% } %>
      </div>
    </div>
  </div>
</div>

<div class="hope">
  <div class="am-g am-container">
    <div class="am-u-lg-4 am-u-md-6 am-u-sm-12 hope-img">
      <img src="${STATIC}/AmazeUI/i/examples/landing.png" alt="" data-am-scrollspy="{animation:'slide-left', repeat: false}">
      <hr class="am-article-divider am-show-sm-only hope-hr">
    </div>
    <% var slidecat_2 = cmsfn.slideCat(2); %>
    <div class="am-u-lg-8 am-u-md-6 am-u-sm-12">
      <h2 class="hope-title">${slidecat_2.name}</h2>
      <p>${slidecat_2.remarks}</p>
    </div>
  </div>
</div>

<div class="about">
  <div class="am-g am-container">
    <%
      var slidecat_3 = cmsfn.slideCat(3);
      var slideList_3 = slidecat_3.slideList;
    %>
    <div class="am-u-lg-12">
      <h2 class="about-title about-color">${slidecat_3.name}</h2>

      <div class="am-g">
        <% for(var slide in slideList_3){ %>
        <div class="am-u-lg-6 am-u-md-4 am-u-sm-12">
          <h4 class="about-color">${slide.name}</h4>${slide.content}
        </div>
        <% } %>
      </div>
    </div>
  </div>
</div>

<%}%>